<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>朝闻天下后台管理</title>
    <link rel="icon" href="/zwtx/public/images/tx.ico" type="image/x-icon" style="width: 50px;height: 50px"/>
    <include file="Public/head"/>
    <link href="__PUBLIC__/assets_h/stylesheets/datepicker.css" media="all" rel="stylesheet" type="text/css"/>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.bootstrap.wizard.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/fullcalendar.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.easy-pie-chart.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.isotope.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.fancybox.pack.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/select2.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.inputmask.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.validate.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/bootstrap-fileupload.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/bootstrap-datepicker.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/bootstrap-timepicker.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/daterange-picker.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/date.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/jquery.sparkline.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/assets_h/javascripts/main.js" type="text/javascript"></script>

    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">

</head>
<body class="no-skin" style="background-color: #f5f9fa">
<include file="Public/pheader"/>
<div class="col-lg-11 col-md-11  col-xs-11 col-sm-11 col-sm-offset-1 col-md-offset-1 col-xs-offset-1" style="margin-top: 1%">
    <h4><p class="bg-info" style="margin-top:0px ;padding:10px"><a href="#" style="color: white">首页&nbsp;</a>/&nbsp;个人中心/&nbsp;新闻详情
    </p></h4>
</div>
<volist name="list" id="vo">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-6 col-sm-offset-3 col-md-offset-3 col-xs-offset-3 col-lg-offset-3" style="margin-top: 3%;margin-bottom: 2%;border-radius: 10%;border-left: solid 2px #dce1d6;border-right: solid 2px #dce1d6;border-bottom: solid 2px #dce1d6;border-top: solid 2px #5bc0de">
<span style="display: none">{$vo['code']}</span>
    <i><strong><h1 style="margin-top: 2%;text-align: center;font-family: 楷体;color: #93988f">{$vo['title']}</h1></strong></i>
    <p style="margin-top: 5%;font-family: 楷体;font-size: 25px">&nbsp;&nbsp;&nbsp;{$vo['content']}</p>
    <div class="row" style="width: 100%">
        <div class="col-md-2">
            <h3 style="font-family: 楷体;text-align: center;margin-top: 90%">新闻类别:</h3>
            <h2 style="font-family: 楷体;text-align: center;margin-top: 20%">{$vo['tid']}</h2>
        </div>
    <div class="col-md-6 col-md-offset-2" style="margin-top: 2%;margin-bottom: 5%" >
        <img src="__PUBLIC__/images/pic/{$vo.n_pic}" style="border: solid 1px #e9eee2;border-radius: 10%;width: 60%;height: 50%" alt="空">
    </div>
    <div class="col-md-2">
        <h2 style="font-family: 楷体;margin-top: 100%">{$vo['username']}</h2>
        <h3 style="font-family: 楷体">{$vo['publishment']}</h3>
    </div>
    </div>
    <div class="row" style="width: 100%">
        <div class="col-md-1 col-md-offset-4" style="">
            <a class="show" href="javascript:;" title="{$vo['title']}"  id="{$vo['id']}">
                <img src="__PUBLIC__/images/comment.png" width="40" height="40" style="margin-left: 3%;margin-top: 2%;margin-bottom: 1%;float: right">
            </a>

        </div>
        <div class="col-md-1 col-md-offset-1" style="margin-bottom: 1%">
            <a href="{:U('Personal/index')}" >
                <img src="__PUBLIC__/images/back.png" width="40" height="40" style="margin-top: 2%;;float: right">
            </a>
        </div>
    </div>
</div>
    </volist>
<script>
    $('.show').click(function () {
        var Title = $(this).attr('title');
        var nid = $(this).attr('id');
        var ac = "{:U('About/comments')}?id=" + nid;
        var str = " <form action='" + ac + "' method='POST'>" +
                "<div class='modal-body' style='padding-bottom:0px;background-color:white; '>" +
                " <div class='container-fluid'>" +
                "<div class='row' >" +
                "<div class='col-md-8  col-xs-8 col-sm-8 col-sm-offset-2 col-md-offset-2 col-xs-offset-2' id='modalMessag'>" +
                "<input type='text' name='title' class='form-control ' style='margin: 0 auto' id='title' placeholder='' value='" + Title +"'>" +
                "<input type='text' style='margin-top: 15px' name='content' class='form-control' id='content' placeholder='请输入评论'value=''>" +
                "</div>" + "</div>" + "</div>" +
                "<div class='modal-footer' style='margin-top: auto'>" + "<div class='container-fluid'>" +
                " <div class='row' style='padding-top: 10px'>" + "<div class='col-md-8 col-xs-8 col-sm-8 col-sm-offset-2 col-md-offset-2 col-xs-offset-2'>"
                + " <button type='submit' class='btn btn-primary btn-block' id='modalButton' >确&nbsp;定 </button>"
                + "</div> </div> </div> </div> </div> </form>";

        $('#inc').html(str);
        $('#comments').modal('show');
    })
</script>
<div class="modal fade bs-example-modal-sm" id="comments" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true" style="margin-top: 8%">
    <div class="modal-dialog modal-sm" style="width: 40%">
        <div class="modal-content" style="border-radius: 5px;">
            <div class="modal-header"
                 style="padding-bottom:0px; border-bottom:0px;padding-left:0px;padding-right:0px;background-color: #ffffff">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="height:50px;">
                    <span class=""
                          style="height:50px;padding:10px 40px 10px 0px;background-image: url('__APP__/Public/assets_h/images/modal_close.png') ;background-size:100%;background-repeat: no-repeat"></span>
                </button>
                <div class="container-fluid">
                    <div class="row" style="margin-top: 5%">
                        <div class="col-md-12  col-xs-12 col-sm-12 col-sm-offset-0 col-md-offset-0 col-xs-offset-0"
                             style="margin-bottom: 0px">
                            <div class="col-md-6 col-xs-6 col-sm-6  col-md-offset-3 col-sm-offset-3 col-xs-offset-3">
                                <h2 style="text-align: center;margin-bottom: 0px ">新闻评论</h2>
                            </div>

                        </div>
                    </div>
                </div>

                <div id="inc">

                </div>

            </div>

</div>
        </div>
    </div>
</body>
</html>
